<%@ page contentType="text/html;charset=UTF-8" %>
<%@ page import="cn.jiadakeji.marketking.modules.sys.utils.*" %>
<%@ include file="/WEB-INF/views/include/taglib.jsp"%>
<html>
<head>
    <title>回收明细表</title>
    <meta name="decorator" content="default"/>
    <style>
        .fixed {
            table-layout: auto;
            width: 80%;
            text-align: center;
            margin-top: 5%;
        }

        .collapse{
            border-collapse:collapse;
            border:1px solid black;
            overflow: auto;
        }

        caption {
            font-size: 1.5em;
            font-weight: bolder;
            padding: 0 10px;
        }

        .table-top {
            font-size: .7em;
            font-weight: normal;
            width: 100%;
            display: flex;
            display: -webkit-flex;
            justify-content: space-between;
            -webkit-justify-content: space-between;
            margin-bottom: 0em;
        }

        table th {
            padding: 5px;
        }

        table td {
            padding: 5px;
            height: 1.5em;
        }
    </style>

</head>
<body>
<form:form id="searchForm" modelAttribute="feeRecycleDTO" action="${ctx}/business/report/feeRecycle" method="post" class="breadcrumb form-search">
    <ul class="ul-form">
        <li><label>缴费月份：</label>
            <form:select path="feeMonthId" class="input-medium">
                <form:option value="" label=""/>
                <form:options items="${fns:getFeeMonthList()}" itemLabel="monthString" itemValue="id" htmlEscape="false"/>
            </form:select>
        </li>
        <li class="btns"><input id="btnSubmit" class="btn btn-primary" type="submit" value="查询"/></li>
        <li class="clearfix"></li>
    </ul>
</form:form>

<div>
    <table border="1" class="collapse fixed" align="center">
        <caption>
            <span style="margin-bottom: 10px;display: inline-block;">回收情况统计表</span>
            <div class="table-top">
                <div>单位名称:</div>
                <div> 日期：${feeRecycle.feeMonthString} </div>
                <div style="margin-right: 8%;">单位: 只、台</div>
            </div>
        </caption>
        <tbody>
        <tr>
            <td colspan="2" rowspan="3">分类项目</td>
            <td colspan="3">期末累计欠费</td>
            <td colspan="6">本年度回收情况</td>
            <td colspan="3">本年度以前欠费</td>
        </tr>
        <tr>
            <td rowspan="2">合计</td>
            <td colspan="2">其中</td>
            <td colspan="2">应收</td>
            <td colspan="2">实收</td>
            <td colspan="2">回收率%</td>
            <td rowspan="2">上年结转费</td>
            <td rowspan="2">本年累计实收</td>
            <td rowspan="2">回收率%</td>
        </tr>
        <tr>
            <td>本年前</td>
            <td>本年度</td>
            <td>本月</td>
            <td>累计</td>
            <td>本月</td>
            <td>累计</td>
            <td>本月</td>
            <td>累计</td>
        </tr>
        <tr>
            <td colspan="2">栏&nbsp;&nbsp;&nbsp;&nbsp;次</td>
            <td>1</td>
            <td>2</td>
            <td>3</td>
            <td>4</td>
            <td>5</td>
            <td>6</td>
            <td>7</td>
            <td>8</td>
            <td>9</td>
            <td>10</td>
            <td>11</td>
            <td>12</td>
        </tr>
        <tr>
            <td colspan="2">费用总额</td>
            <td><fmt:formatNumber value="${feeRecycle.totalArrearsFee}" type="number" pattern="#0.00" /></td>
            <td><fmt:formatNumber value="${feeRecycle.preArrearFee}" type="number" pattern="#0.00" /></td>
            <td><fmt:formatNumber value="${feeRecycle.nowArrearsFee}" type="number" pattern="#0.00" /></td>
            <td><fmt:formatNumber value="${feeRecycle.nowFeeCharge}" type="number" pattern="#0.00" /></td>
            <td><fmt:formatNumber value="${feeRecycle.totalFeeCharge}" type="number" pattern="#0.00" /></td>
            <td><fmt:formatNumber value="${feeRecycle.nowFeeReceive}" type="number" pattern="#0.00" /></td>
            <td><fmt:formatNumber value="${feeRecycle.preFeeReceive}" type="number" pattern="#0.00" /></td>
            <td><fmt:formatNumber value="${feeRecycle.nowRecycleRate}" type="number" pattern="#0.00" /></td>
            <td><fmt:formatNumber value="${feeRecycle.totalRecycleRate}" type="number" pattern="#0.00" /></td>
            <td><fmt:formatNumber value="${feeRecycle.lastArrearsFee}" type="number" pattern="#0.00" /></td>
            <td><fmt:formatNumber value="${feeRecycle.lastRecycleNow}" type="number" pattern="#0.00" /></td>
            <td><fmt:formatNumber value="${feeRecycle.lastRecycleRate}" type="number" pattern="#0.00" /></td>
        </tr>

        <tr>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
        </tr>
        <tr>
            <td>其他</td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
        </tr>
        </tbody>
        <tfoot>
        <tr>
            <td>备注:</td>
            <td colspan="13"></td>
        </tr>
        </tfoot>
    </table>
        <div style="width: 80%;">
        <div style="padding:10px;margin-left: 12%;text-align: left;">注：1=2+3，2=10-11，3=5-7，8=（6/4）*100%，9=（7/5）*100*，12=（11/10）*100*</div>
        <div class="table-top" style="font-size: .9em;margin-top: .8em;margin-left: 13%;">
            <div>制&nbsp;&nbsp;表:</div>
            <div>审&nbsp;&nbsp;核:</div>
            <div>主&nbsp;&nbsp;管:</div>
            <div style="margin-right: 8%;">鑫洋物业</div>
        </div>
    </div>
</div>
</body>
</html>